<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单相关知识</title>
</head>
<body>
    <Form action="register.php" method="POST">
        <h3>作业一Form表单相关</h3>
        <p>账号：<input type="text" name="name" required placeholder="请输入账号,必填"></input>*</p>
        <p>密码：<input type="password" name="password" required placeholder="请输入密码,必填"></input>*</p>
        <p>性别：<label>男<input type="radio" name="sex" value="0" checked></input></label>&nbsp&nbsp&nbsp<label>女<input type="radio" name="sex" value="1"></input></label>&nbsp&nbsp&nbsp<label>保密<input type="radio" name="sex" value="2"></input></label></p>
        <p>地址：<input type="address" name="address" placeholder="请输入地址,选填"></input></p>
        <p>邮箱：<input type="email" name="email" placeholder="请输入邮箱,选填"></input></p>
        <p>选修课程：<br/><label><input type="checkbox" name="course[]" value="0">HTML+CSS</input></label><br/>
            <label><input type="checkbox" name="course[]" value="1">JavaScript</input></label><br/>
            <label><input type="checkbox" name="course[]" value="2">MySQL</input></label><br/>
            <label><input type="checkbox" name="course[]" value="3">PHP</input></label><br/>
            
        </p>
        <table border width=50%>
            <thead>
                <tr>
                    <th>操作项</th>
                    <th>请输入</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="2">额外信息</td>
                </tr>
                <tr>
                    <td>提交人：</td>
                    <td><input type="text" name="operator" value="lee" readonly></input></input></td>
                </tr>
                <tr>
                    <td>提交日期：</td>
                    <td><input type="datetime-local" required ></input></td>
                </tr>
                <tr>
                    <td colspan="2">
                        备注信息<br/>
                       <textarea rows="5" cols="80" placeholder="请输入备注信息" name="text12"></textarea>
                    </td>
                </tr>

            </tbody>
        </table><br/>
        <input type="submit" value="Submit"></input>
    </Form><br/>
<hr /><br/>
<h3>作业二table表格相关</h3>
<table border width=100%>
    <thead>
        <tr>
            <th>第一列</th>
            <th>第二列</th>
            <th>第三列</th>
            <th>第四列</th>
            <th>第五列</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="2">两格合并为一</td>
            <td>内容1</td>
            <td colspan="2">两格合并为一</td>
        </tr>
        <tr>
            <td>内容1</td>
            <td>内容1</td>
            <td>内容1</td>
            <td>内容1</td>
            <td>内容1</td>
        </tr>  
    </tbody>
</table><br/>
<hr /><br/>
<h3>作业三Video播放</h3>
<video controls width="700" height="400" poster="./images/image.png">
    <source src="./hd.mp4"></source>
</video><br/>
<hr /><br/>
<h3>作业四文件上传</h3>
<form action="update.php" method="POST" enctype="multipart/form-data">
    <p>图片上传：<input type="file" name="pic" ></input></p>
    <input type="submit" value="file_submit"></input>
</form>
</body>
</html>